<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>演示表单使用</title>
    <!--引入css样式文件-->
<!--    <link rel="stylesheet" type="text/css" href="样式文件位置">-->
    <!--引入js脚本文件-->
<!--    <script type="text/javascript" src="js文件位置"></script>-->

    <style type="text/css">
        input[type='text'] {
            background-color: yellow;
            color:red;
        }

        input {color:blue; background-color: greenyellow;}
    </style>
</head>
<body>
<!--表单标签-->
<form action="java服务器端访问地址" method="post" enctype="multipart/form-data">
    用户&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:<input type="text" name="username"> <br>
    密码:<input type="password" name="pwd"><br>
    性别: <input type="radio" name="sex" value="1">男
          <input type="radio" name="sex" value="0">女<br>
    生日: <input type="date" name="birthday"><br>
    爱好: <input type="checkbox" name="hobby" value="lol">LOL
          <input type="checkbox" name="hobby" value="农药">农药
          <input type="checkbox" name="hobby" value="吃鸡">吃鸡<br>
    手机号: <input type="number" name="phone"><br>
  隐藏域(在页面上可以保存数据, 但是页面不显示): <input type="hidden" name="xxx" value="我是隐藏内容, 不让看"><br>
    上传文件: <input type="file" name="upload"><br>
    图片: <input type="image" name="img" src="../img/2.jpg"><br>
    籍贯:   <select name="jiguan">
                <option value="110">北京</option>
                <option value="123">上海</option>
                <option value="124">深圳</option>
                <option value="45">广州</option>
                <option value="456">杭州</option>
            </select><br>
    小说内容:
            <textarea name="xiaoshuo" rows="10" cols="100"></textarea><br>
    <!--提交按钮-->
    <input type="submit" value="提交"></input>
    <!--重置按钮--->
    <input type="reset" value="重置"></input>
    <!--普通按钮: 如果没有js配合, 没有任何功能, 如果有js配合, 那么可以自定义功能-->
    <input type="button" value="就是一个普通按钮, 没功能">
</form>
</body>
</html>